<template>
	<div>
		<div class="nav">
			<ul class="col-5">
	            <li v-for="(item,index) in list" :key="index"><router-link :to="to[index]"><p>{{item}}</p></router-link></li> 
	        </ul>
		</div>
		<router-view></router-view>
	</div>
	
</template>

<script>
	export default{
		name:'nav',
		data () {
			return {
				list:['首页','发现','品牌','购物车','我的'],
                to:['/','/find','/brand','/shopping','/personal'],
			}
		}
	}
</script>

<style scoped>
	
</style>